/* 

 csp-home.css

 Styles for menu and page content of the Client Services Platform
 home page.

 ************************************************************
   (c) Copyright 2008-2009 Marvell International Ltd.      
  
                 Marvell Confidential
 *===========================================================

 This file is intended only for the uses agreed to. 

 You are hereby notified that any dissemination, distribution or copying of 
 this material accept for the purposes agreed to is strictly prohibited.

*/
body, #mainContent {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}


/* navigation */

#nav {
  position: relative;
  top: 65px;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #ccc;
	border-bottom: 1px solid #999;
}

#nav li { 
	float: left;
	margin: 0;
}

#instructionsDiv {
  position: relative;
  top: 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	color: #303030;
	margin-left: 20px;
}

/* navigation button style */
#nav a {
	float: left;
	display: block;
	padding: 6px 30px 6px 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	color: #666;
	background: #ccc url(/_$/www/images/csp_nav_slant.gif) no-repeat top right;
}

/* navigation text style */
#nav #nav-1 a {
	padding-left: 20px;
}

/* navigation text hover color */
#nav a:hover {
	color: #000;
}

/* listDiv */

/* defines the printer list division styles */
#listDiv {
  position: relative;
  top: 15px;
  font-size: 15px;
  left: 20px;
}

.deviceLink {
  vertical-align: top; 
  padding-left: 10px;
}

.printerbullet {
background: url(/_$/www/images/printer.gif);
height: 24px;
width: 24px;
}

.serverbullet {
background: url(/_$/www/images/webserver.gif);
height: 24px;
width: 24px;
}

.connectbullet {
background: url(/_$/www/images/connect.gif);
height: 24px;
width: 24px;
}


#bottomRule {
  position: relative;
  top: 14px;
  left: 0px;
  color: #ccc;
  width: 100%

}	

/* defines the message division styles */
#msgDiv {
  position: relative;
  top: 14px;
  left: 0px;
	font-size: 90%;
	margin-left: 25px;
}

.gradientClass {
  height:1px; 
  width:100%
}


#headerDiv {

  position: absolute;
  top: 16px;
  left: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #404040;
	font-size: 25px;

}

#dialogContent {

  position: absolute;
  left: 0;
  top: 90px;
	font-family: Arial, Helvetica, sans-serif; 
	color: black;
	font-size: small;
	width: 100%;


}

.gradient {
  position: absolute;
  top: 0;
  left: 0;
	background-image: url(/_$/www/images/gradient.jpg);
	background-repeat: repeat-x; 
	width: 100%;
	height: 200px;
}

/* specify the styles for the alert box */
.alert {
    display:none;
    position:absolute;
    top:1px;
    left:1px;
    width:300px;
    background-color:white;
    border-style:solid;
    border-width:1px;
    padding:5px 20px 5px 20px;
}

.alertForm {
    text-align:right
}

.alertImage {
   position:relative;
   top:5px;
   height:24px;
   width:24px;
   padding-left:5px;
}


